<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>${site.orgCname!''}-${site.siteName!''}</title>
    <link rel="shortcut icon" href="${site.imgFavicon!''}" />
	<link rel="bookmark" href="${site.imgFavicon!''}" />
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="keywords" content="${site.keyword!''}"/>
    <meta name="description" content="${site.description!''}"/>
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <script src="/wcm/${site.siteCode!''}/html/common.js"></script>
  </head>
  <body>
 <header>
 </header>
 <script>$("header").load("/wcm/${site.siteCode!''}/html/top.html");</script>

 	<section class="section-container">
        		<div id="productBox" class="content">
        			<div class="row">
        				<div class="col-lg-12">
        					<div class="panel">
        						<div class="panel-body bg-gray-light">
        							<div class="col-sm-3 text-center">
        								<div class="pro-top-box bg-white">
        									<a href="#"><img class="img-responsive" src="/images/le/pro01.jpg"/></a>
        									<div class="col-sm-12">
        										<a class="f16 fx2" href="#">乐视保50万综合意外保障计划</a>
        										<p class="f12 fx8">50万高额意外保险,涵盖突发疾病身故责任</p>
        									</div>
    										<span class="product-tag-ico hz-bgpic-sprite hz-bgpic-5">推荐</span>
        								</div>
        							</div>
        							<div class="col-sm-3 text-center">
        								<div class="pro-top-box bg-white">
    										<a href="#"><img class="img-responsive" src="/images/le/pro02.jpg"/></a>
        									<div class="col-sm-12">
        										<a class="f16 fx2" href="#">乐视保50万综合意外保障计划</a>
        										<p class="f12 fx8">50万高额意外保险,涵盖突发疾病身故责任</p>
        									</div>
    										<span class="product-tag-ico hz-bgpic-sprite hz-bgpic-5">推荐</span>
        								</div>
        							</div>
        							<div class="col-sm-3 text-center">
        								<div class="pro-top-box bg-white">
    										<a href="#"><img class="img-responsive" src="/images/le/pro03.jpg"/></a>
        									<div class="col-sm-12">
        										<a class="f16 fx2" href="#">乐视保50万综合意外保障计划</a>
        										<p class="f12 fx8">50万高额意外保险,涵盖突发疾病身故责任</p>
        									</div>
    										<span class="product-tag-ico hz-bgpic-sprite hz-bgpic-5">推荐</span>
        								</div>
        							</div>
        							<div class="col-sm-3 text-center">
        								<div class="pro-top-box bg-white">
    										<a href="#"><img class="img-responsive" src="/images/le/pro04.jpg"/></a>
        									<div class="col-sm-12">
        										<a class="f16 fx2" href="#">乐视保50万综合意外保障计划</a>
        										<p class="f12 fx8">50万高额意外保险,涵盖突发疾病身故责任</p>
        									</div>
    										<span class="product-tag-ico hz-bgpic-sprite hz-bgpic-5">推荐</span>
        								</div>
        							</div>
        						</div>
        					</div>
        				</div>
        			</div>
        		</div>
        	</section>


    	<section class="section-container">
    	 <div class="container projects">
          <div class="projects-header page-header text-center">
            <h2>意外保险产品</h2>
            <p class="pt10 gray">去除保险销售的中间环节，帮你省去传统保险销售中的中介费用，击穿行业底价！</p>
          </div>
        </div>
    	<div class="row">
    		<div class="col-lg-9">
                <form id="searchForm" action="javascript:void(0)">
                    <input type="hidden" name="pageName" value="le-pro-list"/>
                    <input type="hidden" name="formName" value="searchForm"/>
                    <input type="hidden"  name="orderBy" value="leProductInsur.create_time desc nulls last"/>
                </form>
    			<div class="panel-body pro-box-item pro-item">
                    <div class="col-sm-12 ">
                        <div class="item">
                            <div class="types">
                                <div class="type_main">
                                    <div class="type_nr"><span class="fb">保障期限：</span><a href="javascript:;" class="xia">全部</a><a href="javascript:;">1年以下</a><a href="javascript:;">1年</a><a href="javascript:;">1年以上</a></div>
                                    <div class="type_nr"><span class="fb">意外保额：</span><a href="javascript:;" class="xia">全部</a><a href="javascript:;">10万元以下</a> <a href="javascript:;">11-20万元</a> <a href="javascript:;">21-30万元</a> <a href="javascript:;">31-40万元</a> <a href="javascript:;">41-50万元</a> <a href="javascript:;">50万元以上</a></div>
                                    <div class="type_nr"><span class="fb">特色保障：</span><a href="javascript:;" class="xia">全部</a><a href="javascript:;">自费药报销</a><a href="javascript:;">意外门诊</a> <a href="javascript:;">0免赔</a> <a href="javascript:;">赔付比例高</a> <a href="javascript:;">意外身故/伤残</a> <a href="javascript:;">意外住院津贴</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel-body pro-box-item " >
                    <div class="px">
                        <span>综合排序：</span>
                        <a href="javascript:;" key="" class="tool-order mr">默认排序</a>
                        <a href="javascript:;" key="" class="tool-order">年限 <i class="fa fa-sort"></i></a>
                        <a href="javascript:;" key="" class="tool-order">价格 <i class="fa fa-sort"></i></a>
                        <a href="javascript:;" key="" class="tool-order">最新 <i class="fa fa-sort"></i></a>
                        <span class="pull-right pr10">共计<span id="span_total_rows">0</span>款产品</span>
                    </div>
    				<div id="proListDiv-body" class="col-sm-12 ">
    					<div class="item">
    						<li>
    							<div class="row">
    								<div class="col-sm-7">
    									<div class="pro-list">
    										<div>
    											<div class="col-sm-9 pro-title"><a href="#">乐视保50万综合意外保障</a></div>
    											<div class="col-sm-3"><img class="bx-logo" src="/images/le/bx-logo-pingan.png"></div>
    										</div>
    										<div class="pro-content">
    											<div><div class="title">意外身故/伤残</div><div class="value">50万元</div></div>
    											<div><div class="title">意外医疗</div><div class="value">2万元</div></div>
    											<div><div class="title">突发性疾病身故</div><div class="value">20万元</div></div>
    										</div>
    										<div class="col-sm-12 pro-foot">
    											<span><i class="fa fa-check-square-o fx2"></i> 理赔协助</span>
    											<span><i class="fa fa-check-square-o fx2"></i> 电子保单</span>
    											<span><i class="fa fa-check-square-o fx2"></i> 一对一顾问咨询服务</span>
    										</div>
    									</div>
    								</div>
    								<div  class="col-sm-1" style=" border-left:1px dashed #999; height:100px; margin-top:25px;"></div>
    								<div class="col-sm-4">
    									<div class="pro_zr">
    										<div class="pro_price1">
    											<h3>￥198.00</h3>
    										</div>
    										<div class="pro_zr_btn"><button class="btn btn-warning" style="margin-top:30px;"> 查看详情 </button> </div>
    									</div>
    								</div>
    							</div>
    						</li>
    					</div>
    					<div class="item">
    						<li>
    							<div class="row">
    								<div class="col-sm-7">
    									<div class="pro-list">
    										<div>
    											<div class="col-sm-9 pro-title"><a href="#">慧择白龙马百万身价保障计划</a></div>
    											<div class="col-sm-3"><img class="bx-logo" src="/images/le/bx-logo-huatai.png"></div>
    										</div>
    										<div class="pro-content">
    											<div><div class="title">非意外身故或全残</div><div class="value">按照条款约定</div></div>
    											<div><div class="title">意外身故或全残</div><div class="value">5万元</div></div>
    											<div><div class="title">私家车乘驾意外身故或全残</div><div class="value">100万元</div></div>
    											<div><div class="title">租赁车、网约车、商务车、班车意外身故或全残</div><div class="value">50万元</div></div>
    										</div>
    										<div class="col-sm-12 pro-foot">
    											<span><i class="fa fa-check-square-o fx2"></i> 理赔协助</span>
    											<span><i class="fa fa-check-square-o fx2"></i> 电子保单</span>
    											<span><i class="fa fa-check-square-o fx2"></i> 一对一顾问咨询服务</span>
    										</div>
    									</div>
    								</div>
    								<div  class="col-sm-1" style=" border-left:1px dashed #999; height:100px; margin-top:25px;"></div>
    								<div class="col-sm-4">
    									<div class="pro_zr">
    										<div class="pro_price1 ">
    											<h3>￥88.00</h3>
    										</div>
    										<div class="pro_zr_btn"><button class="btn btn-warning" style="margin-top:30px;"> 查看详情 </button> </div>
    									</div>
    								</div>

    							</div>
    						</li>
    					</div>
    					<div class="item">
    						<li>
    							<div class="row">
    								<div class="col-sm-7">
    									<div class="pro-list">
    										<div>
    											<div class="col-sm-9 pro-title"><a href="#">安意保50万综合意外保障</a></div>
    											<div class="col-sm-3"><img class="bx-logo" src="/images/le/bx-logo-anxin.png"></div>
    										</div>
    										<div class="pro-content">
    											<div><div class="title">意外身故/伤残</div><div class="value">50万元</div></div>
    											<div><div class="title">意外医疗</div><div class="value">2万元</div></div>
    											<div><div class="title">突发性疾病身故</div><div class="value">20万元</div></div>
    										</div>
    										<div class="col-sm-12 pro-foot">
    											<span><i class="fa fa-check-square-o fx2"></i> 理赔协助</span>
    											<span><i class="fa fa-check-square-o fx2"></i> 电子保单</span>
    											<span><i class="fa fa-check-square-o fx2"></i> 一对一顾问咨询服务</span>
    										</div>
    									</div>
    								</div>
    								<div  class="col-sm-1" style=" border-left:1px dashed #999; height:100px; margin-top:25px;"></div>
    								<div class="col-sm-4">
    									<div class="pro_zr">
    										<div class="pro_price1">
    											<h3>￥198.00</h3>
    										</div>
    										<div class="pro_zr_btn"><button class="btn btn-warning" style="margin-top:30px;"> 查看详情 </button> </div>
    									</div>
    								</div>
    							</div>
    						</li>
    					</div>

    				</div>
    			</div>
    			<!--分页start-->
    			<div class="panel-footer webpage text-center" style="background-color:#fff;">
    				<ul class="pagination " id="pagination">
    					分页局域
    				</ul>
    			</div>
    			<!--分页end-->
    		</div>
    		<div class="col-lg-3">
    			<div class="panel-body">
    				<h4 class="text-left">如何选购成人意外保险?</h4>
    				<p class="lh30 mt20">
    					成人意外险是成人的基础入门保障。在选择成人意外险时首先关注职业类别,大多数意外险都会有职业限定,
    					要确定自己职业是否在所选成人意外保险的承保范围内。其次要看成人意外险保障内容是否全面,
    					是否有涵盖意外身故/伤残、意外医疗、意外住院津贴以及意外门急诊保障等;还有一点需要留意的就是意外险报销比例的高低。
    				</p>
    			</div>
    			<div class="panel-body">
    				<h4 class="text-left">成人意外险相关信息推荐</h4>
    				<ul class="lh40 mt20">
    					<li><a class="fx11" href="#">轻松一点 立刻找到成人投保方案</a></li>
    					<li><a class="fx11" href="#">成人意外险为家庭保驾护航</a></li>
    					<li><a class="fx11" href="#">轻松一点 立刻找到成人投保方案</a></li>
    					<li><a class="fx11" href="#">成人意外险为家庭保驾护航</a></li>
    				</ul>
    			</div>
    			<div class="panel-body">
    				<h4 class="text-left">如何选购成人意外保险?</h4>
    				<p class="lh30 mt20">
    					成人意外险是成人的基础入门保障。在选择成人意外险时首先关注职业类别,大多数意外险都会有职业限定,
    					要确定自己职业是否在所选成人意外保险的承保范围内。其次要看成人意外险保障内容是否全面,
    					是否有涵盖意外身故/伤残、意外医疗、意外住院津贴以及意外门急诊保障等;还有一点需要留意的就是意外险报销比例的高低。
    				</p>
    			</div>
    			<div class="panel-body">
    				<h4 class="text-left">成人意外险相关信息推荐</h4>
    				<ul class="lh40 mt20">
    					<li><a class="fx11" href="#">轻松一点 立刻找到成人投保方案</a></li>
    					<li><a class="fx11" href="#">成人意外险为家庭保驾护航</a></li>
    					<li><a class="fx11" href="#">轻松一点 立刻找到成人投保方案</a></li>
    					<li><a class="fx11" href="#">成人意外险为家庭保驾护航</a></li>
    				</ul>
    			</div>
    		</div>
    	</div>
    	</section>

    	 <section class="section-container">
    	    <div  class="container">
    	    	<div class="col-md-2 col-lg-3 pt10 pb30 fx8 txt-c lh40">
    	    		<img alt="" src="/images/nbtx/pbo01.png" style="width: 44px;height:42px;">
    	    		<h3 class="gray pt20 pb20">保监会认证</h3>
    				<h5>80+保险公司授权</h4>
    	    	</div>
    	    	<div class="col-md-2 col-lg-3 pt10 pb30 fx8 txt-c lh40">
    	    		<img alt="" src="/images/nbtx/pbo02.png" style="width: 44px;height:42px;">
    	    		<h3 class="gray pt20 pb20">专属顾问</h3>
    				<h5>量身定制保险方案</h5>
    	    	</div>
    	    	<div class="col-md-2 col-lg-3 pt10 pb30 fx8 txt-c lh40">
    	    		<img alt="" src="/images/nbtx/pbo03.png" style="width: 44px;height:42px;">
    	    		<h3 class="gray pt20 pb20">行业底价</h3>
    				<h5>保费公开，透明</h5>
    	    	</div>
    	    	<div class="col-md-2 col-lg-3 pt10 pb30 fx8 txt-c lh40">
    	    		<img alt="" src="/images/nbtx/pbo04.png" style="width: 44px;height:42px;">
    	    		<h3 class="gray pt20 pb20">全程理赔</h3>
    				<h5>理赔不在是难题</h5>
    	    	</div>
    	    </div>
    	    <div  class="container hidden">
    	    	<div class="col-lg-8 pb10">
    	    		<h1 class="pt20 fx2 f40">400-772-9253</h1>
    	    		<p class="pt20 gray f14">
    	    			客服热线（服务时间：9:00-17:00）
    	    		</p>
    				<p class="fx2 pt20">
    				</p>
    			</div>
    	    </div>
        </section>
        <!-- /.container -->

     <!--底部开始--->
     <footer class="footer">
     </footer>
     <script>$("footer").load("/wcm/le/html/bottom.html");</script>
     <!--底部结束--->

     <!--load imp template.html--->
    <section id="template-section-box" style="display:none;">
    	<!-- template 区域 -->
    </section>
    <script>$("#template-section-box").load("/common/base/tools-cms-template.html");</script>

    <script src="/common/base/tools-index-data.js"></script>

     </body>

    <!-- 以下是个性化自定义的template  -->
    <!-- 挂牌商品模板 -->
     <script type="text/template" id="proListDiv-template">
    	<? for ( var i = 0; i <rows.length; i++) {?>
            <div class="item">
                <li>
                    <div class="row">
                        <div class="col-sm-7">
                            <div class="pro-list">
                                <div>
                                    <div class="col-sm-9 pro-title"><a href="#"><?=strUtil.subStr(rows[i].leProductInsur.proName,12)?></a></div>
                                    <div class="col-sm-3"><img class="bx-logo" src="/images/le/bx-logo-<?=strUtil.doNull(rows[i].leProductInsur.proSource,'def')?>.png"></div>
                                </div>
                                <div class="pro-content">
                                    <div><div class="title">意外身故/伤残</div><div class="value">50万元</div></div>
                                    <div><div class="title">意外医疗</div><div class="value"><?=(i+1)?>0万元</div></div>
                                    <div><div class="title">突发性疾病身故</div><div class="value">20万元</div></div>
                                </div>
                                <div class="col-sm-12 pro-foot">
                                    <span><i class="fa fa-check-square-o fx2"></i> 理赔协助</span>
                                    <span><i class="fa fa-check-square-o fx2"></i> 电子保单</span>
                                    <span><i class="fa fa-check-square-o fx2"></i> 一对一顾问咨询服务</span>
                                </div>
                            </div>
                        </div>
                        <div  class="col-sm-1" style=" border-left:1px dashed #999; height:100px; margin-top:25px;"></div>
                        <div class="col-sm-4">
                            <div class="pro_zr">
                                <div class="pro_price1">
                                    <h3>￥<?=strUtil.moneyZhuan(rows[i].leProductInsur.price,'面议')?></h3>
                                </div>
                                <div class="pro_zr_btn">
                                    <button class="btn btn-warning" onclick="view('','')" style="margin-top:30px;"> 立即投保 </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </div>
        <?}?>
    </script>
    </html>

    <script>
       var searchFormId="searchForm";
           var htmsName = "proListDiv";
           var myPage = 3;
           $(function(){
              //initProList();
          });
          //初始化项目列表
          function initProList(){
              $.ajax({
                  type:'get',
                  url: common_list_url,
                  //async: false,
                  data:$("#"+searchFormId).serialize()+getCurrentPage(common_list_url+"?"+$("#"+searchFormId).serialize(),myPage),
                  dataType:'json',
                  success:function(myData)	{
                      console.log(myData);
                      var data = baidu.template(htmsName+'-template',eval(myData));
                      //alert(data);
                      $("#"+htmsName+"-body").html(data);
                      var option= {
                          ele:$("#"+htmsName+"-page")[0],
                          total:myData.total,
                          fn:initProList,
                          url:common_list_url+"?"+$("#"+searchFormId).serialize()
                      }
                      generatePages(option);
                  }
              });
          }

          //项目跳转详情页面
          function view(proId,cateNo){
           var toUrl = ctx+"/sendPage/"+siteCode+"/web/pro/"+cateNo+"/pro-view?proId="+proId;
            window.location.href = toUrl;
        }

    </script>